<template>
  <div class="w-full min-h-full flex flex-col justify-between content-start">
    <div class="w-full h-10 flex-initial flex justify-start items-center">搜索预留</div>
    <div class="w-full flex-1 flex justify-start content-start flex-wrap">
      <div class="w-1/5 h-48 p-3 juzhong" v-for="(item,index) in notelist" :key="item.createTime">
        <div class="w-full h-full p-2 flex justify-start content-start flex-col bg-yellow-200 relative">
          <div class="w-full flex-initial flex justify-start items-center">
            <span>标题：</span>
            <span class="text-blue-500">{{item.title}}</span>
          </div>
          <div class="w-full flex flex-initial justify-start items-center overflow-hidden">
            <span>创建时间：</span>
            <span>{{item.createTime}}</span>
          </div>
          <p class="line-clamp-5">{{item.neirong}}</p>
          <div class="absolute inset-0 bg-white bg-opacity-0 hover:bg-opacity-30 cursor-pointer select-none" @click="opendialog(index)"></div>
        </div>
      </div>
    </div>
    <fenye :totalnum="1000"></fenye>
  </div>
  <zhezhao v-model:dialogVisible="dialogstatus" @close="guanbi">
    <div class="w-160 h-160 p-5 overflow-x-hidden overflow-y-auto bg-white flex flex-col justify-start items-start">
      <div class="w-full flex-initial flex justify-start items-center">
        <span>标题：</span>
        <span class="text-blue-500">{{dialogdata.title}}</span>
      </div>
      <div class="w-full flex flex-initial justify-start items-center overflow-hidden">
        <span>创建时间：</span>
        <span>{{dialogdata.createTime}}</span>
      </div>
      <n-input
          v-model:value="dialogdata.neirong"
          type="textarea"
          placeholder="请输入内容"
          class="flex-1"
      />
      <div class="w-full h-10 juzhong">
        <n-button class="w-32 mx-3" @click="guanbi()">取消</n-button>
        <n-button class="w-32 mx-3" type="primary" @click="baocun()">保存</n-button>
      </div>
    </div>
  </zhezhao>
</template>

<script>
import {NInput,NButton} from "naive-ui"
import {defineComponent, ref} from "vue"
import {useStore} from "vuex";
import {useRoute, useRouter} from "vue-router";
export default defineComponent({
  name: 'Note',//组件名称
  props: {
    //接收父组件数据
  },
  components: {
    NInput,NButton,
  },
  setup(prop, content) {
    const store = useStore()
    const route = useRoute()
    const router = useRouter()
    const notelist = ref([
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      }, {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      }, {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
      {
        title: "标题---",
        createTime: "2021-02-15 12:12:12",
        disable: false,
        neirong: "意气骄满路，鞍马光照尘。\n" +
            "借问何为者，人称是内臣。\n" +
            "朱绂皆大夫，紫绶或将军。\n" +
            "夸赴军中宴，走马去如云。\n" +
            "尊罍溢九酝，水陆罗八珍。\n" +
            "果擘洞庭橘，脍切天池鳞。\n" +
            "食饱心自若，酒酣气益振。\n" +
            "是岁江南旱，衢州人食人。意气骄满路，鞍马光照尘。 借问何为者，人称是内臣。 朱绂皆大夫，紫绶或将军。 夸赴军中宴，走马去如云。 尊罍溢九酝，水陆罗八珍。 果擘洞庭橘，脍切天池鳞。 食饱心自若，酒酣气益振。 是岁江南旱，衢州人食人。",
      },
    ])


// 弹窗相关
    const dialogstatus = ref(false)
    const dialogdata = ref(null)
    const opendialog = (index) => {
      dialogstatus.value = true
      dialogdata.value = notelist.value[index]
    }
    const guanbi = () => {
      dialogstatus.value = false
      dialogdata.value = null
    }
    const baocun = () => {
      console.log("保存")
    }
    console.log("日志初始化")
    return {
      notelist,dialogstatus,dialogdata,opendialog,guanbi,baocun,
    }
  }
})
</script>

<style scoped>

</style>
